Vue.component('MyPost', {
    props:{
        "title":String,
    },
    template: `
    <div>
        <h2>{{title}}</h2>
        <div>content</div>
    </div>`
})

Vue.component('MyPost2', {
    props:{
        "post":Object,
        // "author":{
        //     type:String,
        //     required:true
        // },
        "author":{
            type:String,
            default:'Issac newton'
        },
    },
    template: `
    <div>
        <h2>{{post.title}}</h2>
        <div v-html="post.content"></div>
        <p>{{author}}</p>
    </div>`
})

const myRoundCom = {
    template: `
    <div>
        <div class='round'></div>
        </div>
    `
}
new Vue({
    el: "#app1",
    data:{
       postData: {
            title:'帖子的标题',
            content:'<p>第一段</p><p>第二段</p>'
        }
    },
    components: {
        'my-round':myRoundCom
    }
})
new Vue({
    el: "#app2",
    components: {

    }
})